﻿<!Doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>后台管理</title>
    <link rel="stylesheet" href="../public/css/bootstrap.min.css">
    <link rel="stylesheet" href="../public/css/bootstrap-table.min.css">
    <link rel="stylesheet" href="../public/css/main.css">
    <link rel="stylesheet" href="../public/layui/css/layui.css">
</head>
<body>
<ul class="layui-nav layui-nav-tree layui-nav-side layui-bg-cyan" lay-filter="test">
    <li class="layui-nav-item layui-nav-itemed"><a href="/LeaveBack/views/index.html">主页</a></li>
    <li class="layui-nav-item"><a href="/LeaveBack/views/show.html">请假记录</a></li>
    <li class="layui-nav-item"><a href="/LeaveBack/views/changecls.html">转专业处理</a></li>
</ul>
<div id="content">
    <button style="float: left; margin-top:5px;" class="layui-btn" id="addClass">添加班级</button>&nbsp;&nbsp;
    <button style="float: left; margin:5px;" class="layui-btn" onclick="downloadTable()">导出表格</button>
    <table id="table"></table>
</div>

<script src="../public/jquery-3.3.1.min.js"></script>
<script src="../public/layui/layui.js"></script>
<script src="../public/layer/layer.js"></script>
<script src="../public/bootstrap-table.min.js"></script>
<script src="../public/bootstrap-table-zh-CN.min.js"></script>
<script>
    function downloadTable() {
//                window.open("https://codeload.github.com/douban/douban-client/legacy.zip/master");
        window.location.href='/LeaveBack/class/downloadExcel';
    }
$('#addClass').click(function(){
    window.location.href='/LeaveBack/views/add.html';
})

//处理表格按钮的事件
window.operateEvents = {
    "click #editButton":function (e,value,row,index)	{
        // console.log();   //获取班级id值
        window.location.href='/LeaveBack/views/modify.html?q='+ $(this).parent().prevAll().last().text();
    },
    "click #deleteButton":function(e,value,row,index) {
        var classname = $(this).parent().prevAll().eq(6).text();    //获取班级名称
        var classid = $(this).parent().prevAll().eq(7).text();  //获取班级id
        layer.confirm('您确定要删除'+classname+'('+classid+')'+'吗?', {
            btn: ['确定','取消'] //按钮
        }, function(){
            $.ajax({
                method:'post',
                url: '/LeaveBack/class/deleteClass/'+classid,
                success: function(res){
                    if(res.code == 0){
                        layer.msg('删除成功');
                        setTimeout(function() {
                            location.reload();
                        }, 2500);
                    } else {
                        layer.msg(res.msg);
                    }
                }
            });
        });
    }
};

$("#table").bootstrapTable({ // 对应table标签的id
    method: "get",
    url: "/LeaveBack/class/gettable", // 获取表格数据的url
    contentType: "application/x-www-form-urlencoded",
    search:true,
    cache: false, // 设置为 false 禁用 AJAX 数据缓存， 默认为true
    pagination: true, // 在表格底部显示分页组件，默认false
    pageSize: 10, // 页面数据条数
    pageNumber: 1, // 首页页码
    queryParams:function(params) {  //发送给服务端的参数
        return {
            pageIndex : params.offset/params.limit+1,
            search: params.search
        }
    },
    sidePagination: 'server', // 设置为服务器端分页
    columns: [
        {
            field: 'classId', // 返回json数据中的name
            title: '班级id', // 表格表头显示文字
            align: 'center', // 左右居中
            valign: 'middle' // 上下居中
        },{
            field: 'className', // 返回json数据中的name
            title: '班级', // 表格表头显示文字
            align: 'center', // 左右居中
            valign: 'middle' // 上下居中
        },{
            field: 'deanYiban_id', // 返回json数据中的name
            title: '班主任id', // 表格表头显示文字
            align: 'center', // 左右居中
            valign: 'middle' // 上下居中
        },{
            field: 'deanName', // 返回json数据中的name
            title: '班主任', // 表格表头显示文字
            align: 'center', // 左右居中
            valign: 'middle' // 上下居中
        },{
            field: 'teacherYibanId', // 返回json数据中的name
            title: '辅导员id', // 表格表头显示文字
            align: 'center', // 左右居中
            valign: 'middle' // 上下居中
        },{
            field: 'teacherName', // 返回json数据中的name
            title: '辅导员', // 表格表头显示文字
            align: 'center', // 左右居中
            valign: 'middle' // 上下居中
        },{
            field: 'monitorId', // 返回json数据中的name
            title: '班长id', // 表格表头显示文字
            align: 'center', // 左右居中
            valign: 'middle' // 上下居中
        },{
            field: 'monitorName', // 返回json数据中的name
            title: '班长', // 表格表头显示文字
            align: 'center', // 左右居中
            valign: 'middle' // 上下居中
        },{
            // field : 'op',
            title : '操作',
            align:'center',
            events: operateEvents,
            formatter : function(value, row, index) {
                var strHtml = '<button type="button" class="btn btn-info btn-xs" id="editButton">修改</button>'+
                    '<button type="button" class="btn btn-danger btn-xs" id="deleteButton">删除</button>';
                return strHtml;
            }
        }
    ]
});
</script>
</body>
</html>